/*动态壁纸*/
/*html, body, .wrap {*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/
/*.wrap {*/
    /*margin: 0 auto;*/
    /*overflow: hidden;*/
/*}*/

/*.wrap .video-bg {*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/
/*body.signin {*/
    /*height:100%;*/
    /*-webkit-background-size:cover;*/
    /*-moz-background-size:cover;*/
    /*-o-background-size:cover;*/
    /*background-size:cover;*/
    /*color:rgba(255,255,255,.95)*/
/*}*/
/*.wrap {*/
    /*position: relative;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*min-width: 1200px;*/
    /*min-height: 765px;*/
    /*background-color: #2a2a2a;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center top;*/
    /*background-size: 100% 100%;*/
    /*overflow: hidden;*/
/*}*/
/*.wrap video {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*!*top: -10px; 桌面动态壁纸 上移动*!*/
    /*display: block;*/
    /*height: 100%;*/
    /*object-fit: cover;*/
/*}*/
/*动态壁纸*/

/*原来正常的静态壁纸*/
html {
height:100%
}
body.signin {
height:100%;
background:url(../img/login-background.png) no-repeat center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
color:rgba(255,255,255,.95)
}

.signout{
    display: flex;
    height: 100%;
    -ms-flex-align: center;
    /* align-items: center; */
    /* justify-content: space-around; */
    background: rgba(0,0,0,.3);
    /* position: relative; */
    /* -webkit-background-size: cover; */
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.signinpanel {
    width:800px;
    margin:10% auto 0;
    padding-top:5%;
}
.signinpanel .logopanel {
    float:none;
    width:auto;
    padding:0;
    background:0 0
}
.signinpanel .signin-info ul {
    list-style:none;
    padding:0;
    margin:20px 0
}
.signinpanel .form-control {
    display:block;
    margin-top:15px
}
.signinpanel .uname {
    background:#fff url(../img/user.png) no-repeat 95% center;
    color:#333
}
.signinpanel .pword {
    background:#fff url(../img/locked.png) no-repeat 95% center;
    color:#333
}
.signinpanel .code {
    background: #fff no-repeat 95% center;color:#333; margin:0 0 15px 0;
}
.signinpanel .btn {
    margin-top:15px
}
.signinpanel form {
    background:rgba(255,255,255,.2);
    border:1px solid rgba(255,255,255,.3);
    -moz-box-shadow:0 3px 0 rgba(12,12,12,.03);
    -webkit-box-shadow:0 3px 0 rgba(12,12,12,.03);
    box-shadow:0 3px 0 rgba(12,12,12,.03);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding:30px;
    color: #2f4050;
}
.signup-footer {
    border-top:solid 1px rgba(255,255,255,.3);
    margin:20px 0;
    padding-top:15px
}
@media screen and (max-width:768px) {
    .signinpanel,.signuppanel {
        margin:0 auto;
        width:420px!important;
        padding:20px
    }
    .signinpanel form {
        margin-top:20px
    }
    .signup-footer,.signuppanel .form-control {
        margin-bottom:10px
    }
    .signup-footer .pull-left,.signup-footer .pull-right {
        float:none!important;
        text-align:center
    }
    .signinpanel .signin-info ul {
        display:none
    }
}@media screen and (max-width:320px) {
    .signinpanel,.signuppanel {
        margin:0 20px;
        width:auto
    }
}
